<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ include  file="/jsps/common/taglibs.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <title>管理员登录</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="www.sj5d.com">    
	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
	<link class="bootstrap library" rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
	<script type="text/javascript">
	      function changeImage(){
 		    var timenow = new Date().getTime();  
 			 document.getElementById("imc").disabled=true;
  			 document.getElementById("imc").src="http://localhost:8080/easyshop/randomcode?act=genCode&d="+timenow;
  		  }
  		  
	</script>
<style>
*{margin:0;padding: 0;}
      body{background: #444 url(img/carbon_fibre_big.png)}
      .loginBox{width:420px;height:280px;padding:0 20px;border:1px solid #fff; color:#000; margin-top:40px;
       border-radius:8px;background: white;box-shadow:0 0 15px #222;
        background: -moz-linear-gradient(top, #fff, #efefef 8%);
        background: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#f4f4f4));
        font:11px/1.5em 'Microsoft YaHei' ;position: absolute;left:50%;top:50%;margin-left:-210px;margin-top:-115px;
        text-align:center;}
      .loginBox h2{height:45px;font-size:20px;font-weight:normal;}
      .loginBox .left{#ccc;height:100%;padding-right: 20px; }
	  #footer{margin-top:550px;}
		
</style>
 </head>
  <body>
    <div class="container">
        <section class="loginBox row-fluid">
          <section class="span7 left">
            <h2>管理员登录</h2>
           <form action="<c:url value="securityMgr?act=login"/>"  method="post">
	            <p>用户账号 : &nbsp&nbsp&nbsp<input type="text"  name="managername" style="height:24px;" /></p>
	            <p>用户密码 :  &nbsp&nbsp&nbsp<input type="password"  name="managerpwd" style="height:24px;" /></p>
	            <p>验证码 : &nbsp&nbsp&nbsp&nbsp&nbsp
         			 <input type="text" name="checkkey" id="checkkey"  style="height:24px;" maxlength="4"/><br/>
         			 <img src="http://localhost:8080/easyshop/randomcode?act=genCode" id="imc" onload="ch.disabled=false;"/>
         			 <a href="javascript:onclick=changeImage();" id="imc">看不清,换一张</a></p>
 				<section class="row-fluid">             
	              <section class="span1"><input type="submit" value=" 登录 " class="btn btn-primary"></section>
         	    </section>
         	    <c:if test="${not empty error}">
		        <div class="error" style="color:red;font-size:20px">
		            <script type="text/javascript">
		               alert('${error}');
		            </script>
		            
		        </div>
	       	    </c:if>
      	 	</form>
        </section><!-- /loginBox -->
    </div> <!-- /container -->
    <div id="footer">
     <%@ include file="/jsps/footer.jsp"%>
    </div>
  </body>
</html>
